<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Card Table</title>
</head>
<body>
<table class="table table-hover">
    <thead>
    <tr>
        <th>名称</th>
        <th>费用</th>
        <th>攻击力</th>
        <th>生命值</th>
    </tr>
    </thead>
    <tbody ng-repeat="card in cards">
    <tr>
        <td>{{card.name}}</td>
        <td>{{card.cost}}</td>
        <td>{{card.attack}}</td>
        <td>{{card.life}}</td>
    </tr>
    </tbody>
    <tr>
        <td colspan="3">总数</td>
        <td>{{cards.length}}</td>
    </tr>
    </tfoot>
</table>
</body>
</html>